<head th:fragment="header">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title></title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta http-equiv='X-UA-Compatible' content='IE=edge'>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" type="image/png" href="/favicon.ico">
	<!-- Google fonts links-->
	<link href="/assets/css/font-gapi.css" rel="stylesheet">
	<!--For Plugins external css-->
	<link rel="stylesheet" href="/assets/css/plugins.css">
	<link rel="stylesheet" href="/assets/css/bootstrap-touch-slider.css">
	<!--Theme custom css -->
	<link rel="stylesheet" href="/assets/css/style.css">
	<!--<link rel="stylesheet" href="assets/css/colors/blue.css">-->
	<!--Theme Responsive css-->
	<link rel="stylesheet" href="/assets/css/responsive.css" />
	<script src="/assets/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>

<div th:fragment="preloader" class="preloader loaderbox">
    <!-- Preloader -->
    <div id="cupcake" class="loaderbox">
        <span class="letter">L</span>
        <div class="cupcakeCircle loaderbox"><div class="cupcakeInner loaderbox"><div class="cupcakeCore loaderbox"></div></div></div>
        <span class="letter loaderbox">A</span><span class="letter loaderbox">D</span><span class="letter loaderbox">I</span><span class="letter loaderbox">N</span><span class="letter loaderbox">G</span>
    </div>
    <!--End off Preloader -->
</div>

<!-- Start Side Menu -->
<div th:fragment="sideBar" class="side">
	<a href="#" id="close-button" class="close-side text-center">
		<span class="icon-01"></span>
		<span class="icon-02"></span>
		<span class="icon-03"></span>
	</a>
	<div class="side-menu-area fix">
		<div class="text-center">
			<a href="" class="side-brand"><img src="/assets/images/logov2.png" alt="" /></a>
		</div>
		<p class="m-top-40 text-black">We’re a leading Internet Digital Marketing Company who offers SEO,
			Paid Search, Social Media, ConsultingLead Generation, Brand Reputation
			Management, and Web Design Services.</p>

		<div class="title m-top-70">
			<h2 class="text-black">登录</h2>
			<div class="separator"><span></span><span></span><span></span></div>
		</div>
		<form class="m-top-40">
			<div class="form-group">
				<input type="text" class="form-control" id="exampleInputEmail1" placeholder="用户名 或 邮箱">
			</div>
			<div class="form-group">
				<input type="password" class="form-control" id="exampleInputPassword1" placeholder="密码">
			</div>
			<div class="form-group">
				<button type="submit" class="btn btn-primary btn-round">Login</button>
				<div class="checkbox pull-right m-top-20">
					<label>
						<input type="checkbox"> 记住我
					</label>
				</div>
				<div class="checkbox p-top-40">
					<label>
						<input type="checkbox"> Forgot my Password?
					</label>
				</div>
			</div>
			<div class="divider"></div>
			<p class='text-center'>Don't have an account yet? <a href="">Register an account</a></p>
		</form>
		<div class="socail-bookmark">
			<div class="col-md-12 m-top-80">
				<div class="title">
					<h4 class="text-black">Socails</h4>
					<div class="separator"><span></span><span></span><span></span></div>
				</div>
				<div class="contact-boxv1-item m-top-30">
					<ul class="list-inline">
						<li><a href=""><i class="icon icon-social-2"></i></a></li>
						<li><a href=""><i class="icon icon-social-1"></i></a></li>
						<li><a href=""><i class="icon icon-social-network"></i></a></li>
						<li><a href=""><i class="icon icon-social"></i></a></li>
					</ul>
				</div>
			</div><!-- End off col-md-4 -->
			<div class="col-md-12 m-top-80">
				<div class="title">
					<h4 class="text-black">Address</h4>
					<div class="separator"><span></span><span></span><span></span></div>
				</div>
				<div class="contact-boxv1-item m-top-30">
					<div class="boxv1-item-img">
						<img src="/assets/images/location-img.png" alt="" />
					</div>
					<div class="boxv1-item-content text-black">
						<p class="m-top-10 text-black">1877 Perry Street Swartz Creekson,
							MI 48473</p>
					</div>
				</div>
			</div><!-- End off col-md-4 -->
			<div class="col-md-12 m-top-80">
				<div class="title">
					<h4 class="text-black">Our Phone & Fax</h4>
					<div class="separator"><span></span><span></span><span></span></div>
				</div>
				<div class="contact-boxv1-item m-top-30">
					<div class="boxv1-item-img">
						<img src="/assets/images/phone-fax-img.png" alt="" />
					</div>
					<div class="boxv1-item-content text-black">
						<p class="m-top-10">Phone:  (012) 345 - 6789 <br />
							Fax:  555 - 675 0037</p>
					</div>
				</div>
			</div><!-- End off col-md-4 -->
			<div class="col-md-12 m-top-80">
				<div class="title">
					<h4 class="text-black">Email</h4>
					<div class="separator"><span></span><span></span><span></span></div>
				</div>
				<div class="contact-boxv1-item m-top-30">
					<div class="boxv1-item-img">
						<img src="/assets/images/envelop-img-02.png" alt="" />
					</div>
					<div class="boxv1-item-content text-black">
						<p class="m-top-10">Info:  seo@info.com <br />
							Salse:  seo@salse.com</p>
					</div>
				</div>
			</div><!-- End off col-md-4 -->
			<div class="col-md-12 m-top-80">
				<div class="title">
					<h4 class="text-black">Working Hours</h4>
					<div class="separator"><span></span><span></span><span></span></div>
				</div>
				<div class="contact-boxv1-item m-top-30">
					<div class="boxv1-item-img">
						<img src="/assets/images/clock-img.png" alt="" />
					</div>
					<div class="boxv1-item-content text-black">
						<p class="">Monday to Saturday: 8:00am - 9:00pm
							Sunday: Closed</p>
					</div>
				</div>
			</div><!-- End off col-md-4 -->
		</div>
	</div>
</div>
<!-- End Side Menu -->

<div th:fragment="navSearch" class="top-search">
	<div class="container">
		<div class="input-group">
			<span class="input-group-addon"><i class="fa fa-search"></i></span>
			<input type="text" class="form-control" placeholder="Search">
			<span class="input-group-addon close-search"><i class="fa fa-times"></i></span>
		</div>
	</div>
</div>

<div th:fragment="navHead" class="container">
	<div class="row">
		<div class="attr-nav">
			<ul>
				<li class="search"><a href="#" class="hv1"><i class="fa fa-search"></i></a></li>
				<li class="dropdown cart-menu">
					<a href="#" class="dropdown-toggle hv1" data-toggle="dropdown" >
						<i class="fa fa-shopping-cart"></i>
						<span class="badge">0</span>
					</a>
					<ul class="dropdown-menu cart-list">
						<li>
							<a href="#" class="photo"><img src="/assets/images/computer.png" class="cart-thumb" alt="" /></a>
							<h6><a href="#">Delica omtantur </a></h6>
							<p>2x - <span class="price">$99.99</span></p>
						</li>
						<li>
							<a href="#" class="photo"><img src="/assets/images/computer.png" class="cart-thumb" alt="" /></a>
							<h6><a href="#">Delica omtantur </a></h6>
							<p>2x - <span class="price">$99.99</span></p>
						</li>
						<li class="total">
							<span class="pull-right"><strong>Total</strong>: $0.00</span>
							<a href="#" class="btn btn-primary btn-cart btn-round">Cart</a>
						</li>
					</ul>
				</li>
				<li id="open-button" class="side-menu">
					<a href="#">
						<span class="icon-01"></span>
						<span class="icon-02"></span>
						<span class="icon-03"></span>
					</a>
				</li>
			</ul>
		</div>
		<!-- Start Header Navigation -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
				<i class="fa fa-bars"></i>
			</button>
			<a class="navbar-brand" href="#brand"><img src="/assets/images/logov1.png" class="logo" alt=""></a>
		</div>
		<!-- End Header Navigation -->

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse" id="navbar-menu">

			<ul class="nav navbar-nav navbar-center" data-in="fadeIn" data-out="fadeOut">
				<li><a href="/mall">首页1</a></li>
				<li><a href="/mall/service">服务内容</a></li>
				<li><a href="/mall/about">关于我们</a></li>
				<li><a href="/mall/blog">博客</a></li>
				<li><a href="/mall/contactus">支持</a></li>
			</ul>

		</div><!-- /.navbar-collapse -->
	</div>

</div>


<footer th:fragment="footBar" class="footerv1 bg-black">
    <!--Footer section-->
	<div class="scrollup">
		<a href="#"><img class="hvr-hang" src="/assets/images/go-top-img.png" alt="" /></a>
	</div>

	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div class="main-footer wow fadeInUp">
					<div class="row">
						<div class="col-md-12">
							<div class="copyright-text text-center">
								<p class="">Copyright &copy; 2017.Company name All rights reserved.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
    <!-- End off footer Section-->
</footer>

<section th:fragment="section-home-1" id="homev1" class="homev1 home-one">
    <!-- start homev1 section -->

	<div id="bootstrap-touch-slider"
		 class="carousel bs-slider fade  control-round indicators-line kenburns_zoomInOut" data-ride="carousel"
		 data-interval="10000">
		<!-- Wrapper For Slides -->
		<div class="carousel-inner" role="listbox">
			<!-- Third Slide -->
			<div class="item active">
				<!-- Slide Background -->
				<img src="/assets/images/slide-bg-01.jpg" alt="SeoPress Slider"/>
				<div class="bs-slider-overlay"></div>

				<div class="container">
					<div class="row">
						<div class="col-md-8 col-md-offset-2">
							<div class="slide-text slide_style_center">
								<h1 class="text-white" data-animation="animated zoomInRight">1Solution For
									Online Marketing</h1>
								<p class="text-white m-top-10" data-animation="animated fadeInLeft">Our SEO experts
									do a thorough research on each and every project
									client assign to us irrespective of the size of the project. </p>
								<a class="btn btn-primary btn-round m-top-30" data-animation="animated fadeInLeft"
								   href="" target="_blank">Read More</a>
								<a class="btn btn-default btn-round m-top-30" data-animation="animated fadeInRight"
								   href="" target="_blank">Read More</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- End of Slide -->

			<!-- Second Slide -->
			<div class="item">
				<img src="/assets/images/slide-bg-02.jpg" alt="SeoPress Slider"/>
				<div class="bs-slider-overlay"></div>
				<div class="container">
					<div class="row">
						<!-- Slide Text Layer -->
						<div class="col-md-6">
							<div class="slide-text slide_style_left">
								<h1 class="text-white" data-animation="animated fadeInRight">Word Class
									Online Marketing Service</h1>
								<p class="text-white m-top-10" data-animation="animated zoomInLeft">Our SEO experts
									do a thorough research on each and every project
									client assign to us irrespective of the size of the project.
								</p>

								<a class="btn btn-default btn-round m-top-30" data-animation="animated fadeInRight"
								   href="" target="_blank">Read More</a>
								<a class="btn btn-primary btn-round m-top-30" data-animation="animated fadeInLeft"
								   href="" target="_blank">Read More</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- End of Slide -->

			<!-- Third Slide -->
			<div class="item">
				<img src="/assets/images/slide-bg-03.jpg" alt="SeoPress Slider"/>
				<div class="bs-slider-overlay"></div>
				<div class="container">
					<div class="row">
						<!-- Slide Text Layer -->
						<div class="col-md-6">
							<div class="slide-text slide_style_left">
								<h1 class="text-white" data-animation="animated fadeInDown">Solution For
									Online Marketing Needs</h1>
								<p class="text-white m-top-10" data-animation="animated fadeInLeft">Our SEO experts
									do a thorough research on each and every project
									client assign to us irrespective of the size of the project.
								</p>

								<a class="btn btn-primary btn-round m-top-30" data-animation="animated fadeInLeft"
								   href="" target="_blank">Read More</a>
								<a class="btn btn-default btn-round m-top-30" data-animation="animated fadeInRight"
								   href="" target="_blank">Read More</a>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- Fourth Slide -->
			<div class="item">
				<img src="/assets/images/slide-bg-04.jpg" alt="SeoPress Slider"/>
				<div class="bs-slider-overlay"></div>
				<div class="container">
					<div class="row">
						<!-- Slide Text Layer -->
						<div class="col-md-6">
							<div class="slide-text slide_style_left">
								<h1 class="text-white" data-animation="animated fadeInLeft">SeoPress <br/>
									Online Marketing Needs</h1>
								<p class="text-white m-top-10" data-animation="animated fadeInRight">Our SEO experts
									do a thorough research on each and every project
									client assign to us irrespective of the size of the project.
								</p>
								<a class="btn btn-primary btn-round m-top-30" data-animation="animated fadeInLeft"
								   href="" target="_blank">Read More</a>
								<a class="btn btn-default btn-round m-top-30" data-animation="animated fadeInRight"
								   href="" target="_blank">Read More</a>
							</div>
						</div>

					</div>
				</div>
			</div>
			<!-- End of Slide -->
		</div><!-- End of Wrapper For Slides -->

		<!-- carousel indicators -->
		<div class="carousel-indicators text-center">
			<div data-target="#bootstrap-touch-slider" data-slide-to="0"
				 class="active indicatior-item text-center bg-black">
				<div class="slid-number">1</div>
				<div class="sp-thumbnail-title text-white m-top-10">
					<h4>Web Design</h4>
				</div>
				<div class="hidden-sm carousel-indicators-description bg-info text-white m-top-20">
					<p class="bg-info">Each of our designs begin with a blank canvas
						which allows your content to guide.</p>
				</div>
			</div>

			<div data-target="#bootstrap-touch-slider" data-slide-to="1"
				 class="indicatior-item text-center bg-black">
				<div class="slid-number">2</div>
				<div class="sp-thumbnail-title text-white m-top-10">
					<h4>Development</h4>
				</div>
				<div class="hidden-sm carousel-indicators-description bg-info text-white m-top-20">
					<p>Responsive development will help make your website easily accessible across all devices.</p>
				</div>
			</div>

			<div data-target="#bootstrap-touch-slider" data-slide-to="2"
				 class="indicatior-item text-center bg-black">
				<div class="slid-number">3</div>
				<div class="sp-thumbnail-title text-white m-top-10">
					<h4>Newsletter</h4>
				</div>
				<div class="hidden-sm carousel-indicators-description bg-info text-white m-top-20">
					<p>A matching newsletter is the perfect way to complement your website.</p>
				</div>
			</div>

			<div data-target="#bootstrap-touch-slider" data-slide-to="3"
				 class="indicatior-item text-center bg-black">
				<div class="slid-number">4</div>
				<div class="sp-thumbnail-title text-white m-top-10">
					<h4>Social Media</h4>
				</div>
				<div class="hidden-sm carousel-indicators-description bg-info text-white m-top-20">
					<p>It’s important to keep your brand consistent recognizable across all platforms.</p>
				</div>

			</div>
		</div>
	</div> <!-- End  bootstrap-touch-slider Slider -->
    <!-- End off homev1 section -->
</section>

<section th:fragment="section-service-2" id="service" class="service sections">
    <!-- Service Section -->
    <div class="container">

		<div class="row">
			<div class="col-md-12">
				<div class="head-title text-center">
					<h2 class="text-black">SeoPress is a battle hardened team of SEO experts.</h2>
					<p class="m-top-10 text-black">Get your website on the first page of Google and attract
						thousands of your customers.</p>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="main-service-area text-center m-top-80">
				<div class="col-md-4 col-sm-6">
					<div class="service-item sm-m-top-65">
						<div class="service-icon">
							<img src="/assets/images/service1.png" alt=""/>
						</div>
						<h5 class="text-info m-top-50">Search Engine Optimization</h5>
						<p class="text-black m-top-20">With our 17+ years of experience, our SEO services will get
							your site ranking.</p>
					</div>
				</div>
				<div class="col-md-4 col-sm-6">
					<div class="service-item sm-m-top-65">
						<div class="service-icon">
							<img src="/assets/images/service3.png" alt=""/>
						</div>
						<h5 class="text-info m-top-50">Content Marketing</h5>
						<p class="text-black m-top-20">From blogs and social posts to
							infographics videos we create and promote quality.</p>
					</div>
				</div>
				<div class="col-md-4 col-sm-6">
					<div class="service-item sm-m-top-65">
						<div class="service-icon">
							<img src="/assets/images/service2.png" alt=""/>
						</div>
						<h5 class="text-info m-top-50">Social Media Marketing</h5>
						<p class="text-black m-top-20">Boost brand awareness and reach your
							customers on a human level.</p>
					</div>
				</div>
				<div class="col-md-4 col-sm-6">
					<div class="service-item m-top-65">
						<div class="service-icon">
							<img src="/assets/images/service4.png" alt=""/>
						</div>
						<h5 class="text-info m-top-50">Web Design & Development</h5>
						<p class="text-black m-top-20">Our designers and developers will create an attractive,
							SEO-friendly & fully functional.</p>
					</div>
				</div>
				<div class="col-md-4 col-sm-6">
					<div class="service-item m-top-65">
						<div class="service-icon">
							<img src="/assets/images/service5.png" alt=""/>
						</div>
						<h5 class="text-info m-top-50">eCommerce Solutions</h5>
						<p class="text-black m-top-20">With our 17+ years of experience,
							our SEO services will get your site ranking.</p>
					</div>
				</div>
				<div class="col-md-4 col-sm-6">
					<div class="service-item m-top-65">
						<div class="service-icon">
							<img src="/assets/images/service6.png" alt=""/>
						</div>
						<h5 class="text-info m-top-50">Inbound Marketing</h5>
						<p class="text-black m-top-20">With our ecommerce solutions,
							you'll provide an enjoyable, seamless.</p>
					</div>
				</div>
			</div>
		</div><!-- End off row -->
	</div><!-- End off container -->
    <!-- End off Service Section -->
</section>

<section th:fragment="section-localseo-3" id="localseo" class="localseo fix sections3">
    <!--SeoPress section-->
    <div class="transit-03">
		<img src="/assets/images/graphic-01.png" alt=""/>
	</div>
	<div class="transit-04">
		<img src="/assets/images/desk-01.png" alt=""/>
	</div>
	<div class="transit-05">
		<img src="/assets/images/monitor-01.png" alt=""/>
	</div>
	<div class="transit-06">
		<img src="/assets/images/pencils-01.png" alt=""/>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="head-title text-center">
					<h2 class="text-black">Free website grader from SeoPress</h2>
					<p class="m-top-10 text-black">How well do you rank against the
						competition? We grade your site based on 50+ criteria metrics.</p>
				</div>
			</div>
		</div><!-- End off row -->

		<div class="row">
			<div class="col-md-12">
				<div class="main-localseo-area">
					<div class="main-localseo border text-center bg-white m-top-50">
						<form class="form-inline">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="">
							</div>
							<div class="form-group">
								<input type="text" class="form-control" placeholder="keyword">
							</div>
							<div class="form-group">
								<input type="email" class="form-control" placeholder="email">
							</div>
							<button type="submit" class="btn btn-primary btn-round">Send invitation</button>
						</form>
					</div>
				</div>
			</div>
		</div><!-- End off row -->
	</div><!-- End off container -->
    <!-- End off Service Section -->
</section>

<section th:fragment="section-leading-4"  id="leading" class="leading bg-primary sections2">
    <!--The leading Section-->
    <div class="container">
		<div class="row">
			<div class="main-leading">
				<div class="col-md-6">
					<div class="leading-content">
						<div class="head-title">
							<h2 class="text-white">Sit back, relax and learn from
								the experts.</h2>
							<p class="m-top-30 text-white">According to TopTenReviews in 2017, as well as many other
								3rd party review
								sites and publications we always comes out on top.</p>

							<div class="separator2 hv2"><span></span><span></span><span></span></div>
						</div>

						<p class="m-top-40">We’re a leading Internet Digital Marketing Company who offers SEO,
							Paid Search, Social Media, ConsultingLead Generation, Brand Reputation
							Management, and Web Design Services.</p>
						<a href="" class="btn btn-default btn-round m-top-20">Our Team</a>

					</div>
				</div>
				<div class="col-md-5">
					<div class="leading-img sm-m-top-50">
						<img src="/assets/images/leading-img.png" alt=""/>
					</div>
				</div>
			</div>
		</div><!-- End off row-->
	</div><!-- End off container -->
    <!-- End off leading section-->
</section>

<section th:fragment="section-allies-5"  id="allies" class="allies sections">
    <!--Allies Section-->
    <div class="container">
		<div class="row">

			<div class="main-allies">
				<div class="col-md-5">
					<div class="allies-img">
						<img src="/assets/images/allies-img-left.png" alt=""/>
					</div>
				</div>

				<div class="col-md-7">
					<div class="allies-content sm-m-top-50">
						<div class="head-title">
							<h2 class="text-black">Our clients are definitely our
								greatest allies.</h2>
							<h5 class="text-black m-top-30">“We’ve been extremely pleased with the progress SeoPress
								has made in helping us gain an online presence.”</h5>
							<div class="separator2"><span></span><span></span><span></span></div>

						</div>
						<ul class="text-black m-top-40">
							<li><i class="fa fa-check"></i> Your business is unique and has unique goals</li>
							<li><i class="fa fa-check"></i> We carry a vast arsenal of digital marketing solutions
							</li>
							<li><i class="fa fa-check"></i> Is it quality website traffic you seek?</li>
						</ul>

						<a href="" class="btn btn-primary btn-round m-top-30">Portfolio</a>

					</div>
				</div>
			</div>

		</div><!-- End off row -->
	</div><!--End off container -->
    <!-- End off Allies Section-->
</section>

<section th:fragment="section-business-6"  id="business" class="business bg-black p-top-100 p-bottom-100">
    <!--Business section-->
    <div class="container">
		<div class="row">
			<div class="main-business">
				<div class="col-md-6">
					<div class="business-content m-top-40">
						<h2 class="text-white">Whatever your goals look
							like, we’ll put our experience
							to work to reach</h2>
						<p class="m-top-30 text-primary">Searching tirelessly for an agency capable of attracting
							qualified leads and
							nurturing those leads into paying customers of your business? </p>
					</div>
				</div>
				<div class="col-md-6">
					<div class="business-video sm-m-top-50">
						<img src="/assets/images/business-video-img.png" alt=""/>
						<div class="business-video-icon">
							<a href="" class="video-link"><span class="icon icon-interface"></span></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
    <!--End off Business section-->
</section>

<section th:fragment="section-pricing-7"  id="pricing" class="pricing sections">
    <!--Pricing section-->
    <div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="head-title text-center">
					<h2 class="text-black">Check Our Pricing Plans</h2>
					<p class="text-black m-top-10">We offer our clients the best pricing
						plans suitable for all their needs. What’s yours?</p>
				</div>
			</div>
			<div class="main-pricing text-center">
				<div class="col-md-3 col-sm-6">
					<div class="pricing-item border">

						<div class="pricing-icon">
							<img src="/assets/images/transport.png" alt=""/>
						</div>
						<div class="pricing-title m-top-30">
							<h4 class="text-black">Plan Letter A</h4>
							<div class="separator"></div>
						</div>
						<ul class="pricing-body m-top-20">
							<li><strong>2</strong> Analytics Campaigns</li>
							<li><strong>100</strong> Keywords</li>
							<li><strong>25</strong> Branded Reports</li>
							<li><strong>50,000</strong> Crawled Pages</li>
							<li><strong>10</strong> Social Accounts</li>
						</ul>
						<div class="price text-info">
							<p><sup>$</sup> 23.99</p>
						</div>
						<a href="" class="btn btn-primary btn-round m-top-20">Purchase</a>
					</div>
				</div><!-- End off col-md-3-->
				<div class="col-md-3 col-sm-6">
					<div class="pricing-item border xs-m-top-80">
						<div class="pricing-icon">
							<img src="/assets/images/megaphone.png" alt=""/>
						</div>
						<div class="pricing-title m-top-30">
							<h4 class="text-black">Plan Letter B</h4>
							<div class="separator"></div>
						</div>
						<ul class="pricing-body m-top-20">
							<li><strong>5</strong> Analytics Campaigns</li>
							<li><strong>200</strong> Keywords</li>
							<li><strong>30</strong> Branded Reports</li>
							<li><strong>75,000</strong> Crawled Pages</li>
							<li><strong>15</strong> Social Accounts</li>
						</ul>
						<div class="price text-info">
							<p><sup>$</sup> 35.99</p>
						</div>
						<a href="" class="btn btn-primary btn-round m-top-20">Purchase</a>
					</div>
				</div><!-- End off col-md-3-->
				<div class="col-md-3 col-sm-6">
					<div class="pricing-item border sm-m-top-80">
						<div class="pricing-icon">
							<img src="/assets/images/graphic.png" alt=""/>
						</div>
						<div class="pricing-title m-top-30">
							<h4 class="text-black">Plan Letter C</h4>
							<div class="separator"></div>
						</div>
						<ul class="pricing-body m-top-20">
							<li><strong>10</strong> Analytics Campaigns</li>
							<li><strong>300</strong> Keywords</li>
							<li><strong>40</strong> Branded Reports</li>
							<li><strong>100,000</strong> Crawled Pages</li>
							<li><strong>20</strong> Social Accounts</li>
						</ul>
						<div class="price text-info">
							<p><sup>$</sup> 43.99</p>
						</div>
						<a href="" class="btn btn-primary btn-round m-top-20">Purchase</a>
					</div>
				</div><!-- End off col-md-3-->
				<div class="col-md-3 col-sm-6">
					<div class="pricing-item border sm-m-top-80">
						<div class="pricing-icon">
							<img src="/assets/images/tool.png" alt=""/>
						</div>
						<div class="pricing-title m-top-30">
							<h4 class="text-black">Plan Letter D</h4>
							<div class="separator"></div>
						</div>
						<ul class="pricing-body m-top-20">
							<li><strong>15</strong> Analytics Campaigns</li>
							<li><strong>400</strong> Keywords</li>
							<li><strong>50</strong> Branded Reports</li>
							<li><strong>150,000</strong> Crawled Pages</li>
							<li><strong>25</strong> Social Accounts</li>
						</ul>
						<div class="price text-info">
							<p><sup>$</sup> 59.99</p>
						</div>
						<a href="" class="btn btn-primary btn-round m-top-20">Purchase</a>
					</div>
				</div><!-- End off col-md-3-->
			</div>
		</div><!-- End off row -->
	</div><!-- End off container -->
    <!-- End off pricing section -->
</section>

<section th:fragment="section-customer-8"  id="customer" class="customer sections4 bg-grey">
    <!--Happy Customer section-->
    <div class="container">
		<div class="row">
			<div class="main-customer">
				<div class="col-md-3 col-sm-6">
					<div class="customer-item">
						<div class="row">
							<div class="col-xs-5">
								<div class="customer-icon">
									<img src="/assets/images/shapes.png" alt=""/>
								</div>
							</div>
							<div class="col-xs-7">
								<div class="customer-content m-top-15">
									<h2 class="statistic-counter">7654</h2>
									<p>Happy Customers</p>
								</div>
							</div>
						</div>
					</div>
				</div><!-- End off col-md-3 -->
				<div class="col-md-3 col-sm-6">
					<div class="customer-item xs-m-top-50">
						<div class="row">
							<div class="col-xs-5">
								<div class="customer-icon">
									<img src="/assets/images/draw.png" alt=""/>
								</div>
							</div>
							<div class="col-xs-7">
								<div class="customer-content m-top-15">
									<h2 class="statistic-counter">753</h2>
									<p>Successful Projects</p>
								</div>
							</div>
						</div>
					</div>
				</div><!-- End off col-md-3 -->
				<div class="col-md-3 col-sm-6">
					<div class="customer-item sm-m-top-50">
						<div class="row">
							<div class="col-xs-5">
								<div class="customer-icon">
									<img src="/assets/images/web.png" alt=""/>
								</div>
							</div>
							<div class="col-xs-7">
								<div class="customer-content m-top-15">
									<h2><span class="statistic-counter">25</span> <span>%</span></h2>
									<p>Average Conversion</p>
								</div>
							</div>
						</div>
					</div>
				</div><!-- End off col-md-3 -->
				<div class="col-md-3 col-sm-6">
					<div class="customer-item sm-m-top-50">
						<div class="row">
							<div class="col-xs-5">
								<div class="customer-icon">
									<img src="/assets/images/cup.png" alt=""/>
								</div>
							</div>
							<div class="col-xs-7">
								<div class="customer-content m-top-15">
									<h2 class="statistic-counter">100</h2>
									<p>Guaranteed Results</p>
								</div>
							</div>
						</div>
					</div>
				</div><!-- End off col-md-3 -->
			</div>
		</div><!-- End off row -->
	</div><!-- End off container -->
    <!-- End off customer section-->
</section>

<section th:fragment="section-studies-9" id="studies" class="studies sections">
    <!--Case Studies section-->
    <div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="head-title text-center">
					<h2 class="text-black">Latest Case Studies</h2>
					<p class="text-black m-top-10">How well do you rank against the competition? We grade your site
						based on 50+ criteria metrics.
					</p>
				</div>
			</div>


			<div class="col-md-12">
				<div class="main-studies m-top-50">
					<div class="row">
						<div class="col-md-4 col-sm-6">
							<div class="studies-item">
								<div class="studies-feature border">
									<img class="img-rounded" src="/assets/images/studies-img-01.jpg" alt=""/>
									<div class="studies-overlay img-rounded"><a href=""><span
											class="icon icon-arrows-2 hvr-hang"></span></a></div>
									<div class="custom-hover"></div>
								</div>
								<div class="studies-conten m-top-30">
									<h4><a href="">Acme Corporation</a></h4>
									<p class="m-top-10">Objective: Build a larger twitter community</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-sm-6">
							<div class="studies-item xs-m-top-35">
								<div class="studies-feature border">
									<img class="img-rounded" src="/assets/images/studies-img-02.jpg" alt=""/>
									<div class="studies-overlay img-rounded"><a href=""><span
											class="icon icon-arrows-2 hvr-hang"></span></a></div>
								</div>
								<div class="studies-conten m-top-30">
									<h4><a href="">Soylent Corp </a></h4>
									<p class="m-top-10">Objective: Make tone & branding consistency</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-sm-6">
							<div class="studies-item sm-m-top-35">
								<div class="studies-feature border">
									<img class="img-rounded" src="/assets/images/studies-img-03.jpg" alt=""/>
									<div class="studies-overlay img-rounded"><a href=""><span
											class="icon icon-arrows-2 hvr-hang"></span></a></div>
								</div>
								<div class="studies-conten m-top-30">
									<h4><a href="">Umbrella Corporation</a></h4>
									<p class="m-top-10">Objective: Eliminate the residue of black-hat methods</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-sm-6">
							<div class="studies-item m-top-35">
								<div class="studies-feature border">
									<img class="img-rounded" src="/assets/images/studies-img-04.jpg" alt=""/>
									<div class="studies-overlay img-rounded"><a href=""><span
											class="icon icon-arrows-2 hvr-hang"></span></a></div>
								</div>
								<div class="studies-conten m-top-30">
									<h4><a href="">Initech</a></h4>
									<p class="m-top-10">Objective: Improve site load speed & functionality</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-sm-6">
							<div class="studies-item m-top-35">
								<div class="studies-feature border">
									<img class="img-rounded" src="/assets/images/studies-img-05.jpg" alt=""/>
									<div class="studies-overlay img-rounded">
										<a href="">
											<span class="icon icon-arrows-2 hvr-hang"></span>
										</a>
									</div>
								</div>
								<div class="studies-conten m-top-30">
									<h4><a href="">Vehement Capital Partners </a></h4>
									<p class="m-top-10">Objective: Increase nationwide sales</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-sm-6">
							<div class="studies-item m-top-35">

								<div class="studies-feature border">
									<img class="img-rounded" src="/assets/images/studies-img-06.jpg" alt=""/>
									<div class="studies-overlay img-rounded">
										<a href=""><span class="icon icon-arrows-2 hvr-hang"></span></a>
									</div>
								</div>
								<div class="studies-conten m-top-30">
									<h4><a href="">Massive Dynamic</a></h4>
									<p class="m-top-10">Objective: Increase qualified traffic</p>
								</div>
							</div>
						</div>
					</div><!-- End off row -->

					<div class="row">
						<div class="col-md-12">
							<div class="studies-btns text-center m-top-50">
								<a href="" class="btn btn-primary btn-round">Read More</a>
							</div>
						</div>
					</div><!-- End off row -->
				</div><!-- End off main studies -->
			</div><!-- End off col-md-12 -->

		</div><!-- End off row -->
	</div><!-- End off container -->
    <!-- End off studies section-->
</section>

<section th:fragment="section-clients-10" id="clients" class="clients">
    <!--Clients section-->
    <div class="transit-01">
		<img src="/assets/images/support-img-01.png" alt=""/>
	</div>
	<div class="transit-02">
		<img src="/assets/images/calenter-02.png" alt=""/>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-md-5">
				<div class="client-love sections3">
					<h2 class="text-white">See Why Our Clients
						Love <span class="text-info">SeoPress</span></h2>
					<p class="text-muted m-top-30">Partner with us today to see how search experience optimization
						can revolutionize the way your website is found online</p>
					<a href="" class="btn btn-primary btn-round m-top-30">Read More</a>
				</div>
			</div>
			<div class="col-md-6 col-md-offset-1">
				<div class="client-testimonial text-center m-top-100">

					<div id="carousel-example-generic" class="carousel slide carousel-fade" data-ride="carousel">
						<!-- Indicators -->
						<ol class="carousel-indicators">
							<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
							<li data-target="#carousel-example-generic" data-slide-to="1"></li>
							<li data-target="#carousel-example-generic" data-slide-to="2"></li>
						</ol>

						<!-- Wrapper for slides -->
						<div class="carousel-inner" role="listbox">
							<div class="item active">
								<div class="client-img">
									<img class="img-circle" src="/assets/images/client-img-01.jpg" alt=""/>
								</div>
								<div class="client-test-content">
									<div class="reviews_item_icon pull-left text-left">“</div>
									<p class="m-top-30 text-muted">We’re seeing considerable improvements in our
										page authority,
										thanks to Pitstop Media’s link building efforts. I highly recommend to any
										organization who is serious about doing SEO right".
									</p>
									<div class="reviews_item_icon1 pull-right text-right">“</div>
								</div>
								<h6 class="text-white">- Jessie Cameron</h6>
							</div>
							<div class="item">
								<div class="client-img">
									<img class="img-circle" src="/assets/images/client-img-01.jpg" alt=""/>
								</div>
								<div class="client-test-content">
									<div class="reviews_item_icon pull-left text-left">“</div>
									<p class="m-top-30 text-muted">We’re seeing considerable improvements in our
										page authority,
										thanks to Pitstop Media’s link building efforts. I highly recommend to any
										organization who is serious about doing SEO right".
									</p>
									<div class="reviews_item_icon1 pull-right text-right">“</div>
								</div>
								<h6 class="text-white">- Jessie Cameron</h6>
							</div>
							<div class="item">
								<div class="client-img">
									<img class="img-circle" src="/assets/images/client-img-01.jpg" alt=""/>
								</div>
								<div class="client-test-content">
									<div class="reviews_item_icon pull-left text-left">“</div>
									<p class="m-top-30 text-muted">We’re seeing considerable improvements in our
										page authority,
										thanks to Pitstop Media’s link building efforts. I highly recommend to any
										organization who is serious about doing SEO right".
									</p>
									<div class="reviews_item_icon1 pull-right text-right">“</div>
								</div>
								<h6 class="text-white">- Jessie Cameron</h6>
							</div>
						</div>


					</div>
				</div>
			</div>
		</div><!-- End off row -->
	</div><!-- End off container -->
    <!-- End off clients section -->
</section>

<section th:fragment="section-newest-11" id="newest-blog" class="newest-blog sections">
    <!--Newest Blog post section-->
    <div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="head-title text-center">
					<h2 class="text-black">Newest Blog Posts</h2>
					<p class="text-black m-top-10">Check our blog. You won’t get bored.</p>
				</div>
			</div>

			<div class="main-newest-blog m-top-50">
				<div class="col-md-4">
					<div class="newest-blog-item border">
						<h4 class="text-black">Which Page Markup + Tags Still Matter for SEO?</h4>
						<div class="newest-tips-date m-top-20">
							<div class="newest-tips-btn pull-left">
								<a href="" class="btn-small btn-round">Seo Tips</a>
							</div>
							<div class="newest-tips-date-time pull-right">
								<span><i class="icon icon-interface-1"></i>32</span>
								<span><i class="icon icon-calendar"></i>2-10-2017</span>
							</div>
						</div>
						<div class="divider"></div>
						<p class="text-black">Should you focus on H1s and H2s,
							or should schema.org demand all your on-page ...</p>
						<div class="newest-author">
							<div class="newest-author-img pull-left">
								<img class="img-circle" src="/assets/images/newest-author-01.jpg" alt=""/>
							</div>
							<p class="text-black">by <span class="text-primary">Damion Carmenson</span></p>
						</div>
					</div>
				</div><!-- End off col-md-4 -->

				<div class="col-md-4">
					<div class="newest-blog-item border">
						<h4 class="text-black">5 Takeaways from Earning Links in 130 Countries</h4>
						<div class="newest-tips-date m-top-20">
							<div class="newest-tips-btn pull-left">
								<a href="" class="btn-small btn-round">Random</a>
							</div>
							<div class="newest-tips-date-time pull-right">
								<span><i class="icon icon-interface-1"></i>19</span>
								<span><i class="icon icon-calendar"></i>1-10-2017</span>
							</div>
						</div>
						<div class="divider"></div>
						<p class="text-black">What can you do if link building opportunities
							are scarce in your country? Kerry Jones ...</p>
						<div class="newest-author">
							<div class="newest-author-img pull-left">
								<img class="img-circle" src="/assets/images/newest-author-02.jpg" alt=""/>
							</div>
							<p class="text-black">by <span class="text-primary">Janice James</span></p>
						</div>
					</div>
				</div><!-- End off col-md-4 -->

				<div class="col-md-4">
					<div class="newest-blog-item border">
						<h4 class="text-black">Which Page Markup + Tags Still Matter for SEO?</h4>
						<div class="newest-tips-date m-top-20">
							<div class="newest-tips-btn pull-left">
								<a href="" class="btn-small btn-round">Suitcase</a>
							</div>
							<div class="newest-tips-date-time pull-right">
								<span><i class="icon icon-interface-1"></i>27</span>
								<span><i class="icon icon-calendar"></i>31-9-2017</span>
							</div>
						</div>
						<div class="divider"></div>
						<p class="text-black">Should you focus on H1s and H2s,
							or should schema.org demand all your on-page ...</p>
						<div class="newest-author">
							<div class="newest-author-img pull-left">
								<img class="img-circle" src="/assets/images/newest-author-03.jpg" alt=""/>
							</div>
							<p class="text-black">by <span class="text-primary">Dennis Kentsons</span></p>
						</div>
					</div>
				</div><!-- End off col-md-4 -->

				<div class="col-md-4">
					<div class="newest-blog-item border">
						<h4 class="text-black">Which Page Markup + Tags Still Matter for SEO?</h4>
						<div class="newest-tips-date m-top-20">
							<div class="newest-tips-btn pull-left">
								<a href="" class="btn-small btn-round">Suitcase</a>
							</div>
							<div class="newest-tips-date-time pull-right">
								<span><i class="icon icon-interface-1"></i>27</span>
								<span><i class="icon icon-calendar"></i>31-9-2017</span>
							</div>
						</div>
						<div class="divider"></div>
						<p class="text-black">Should you focus on H1s and H2s,
							or should schema.org demand all your on-page ...</p>
						<div class="newest-author">
							<div class="newest-author-img pull-left">
								<img class="img-circle" src="/assets/images/newest-author-03.jpg" alt=""/>
							</div>
							<p class="text-black">by <span class="text-primary">Dennis Kentsons</span></p>
						</div>
					</div>
				</div><!-- End off col-md-4 -->

			</div>
		</div> <!-- End off row -->
	</div> <!-- End off container -->
    <!-- End off Newest Blog post section-->
</section>

<section th:fragment="section-brand-12" id="brand" class="bg-grey">
    <!--Brand section-->
    <div class="container">
		<div class="row">
			<div class="main-brandv1">
				<div class="col-md-2">
					<div class="brand-itemv1">
						<a href="#."><img src="/assets/images/brand-01.png" alt=""/></a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="brand-itemv1">
						<a href="#."><img src="/assets/images/brand-06.png" alt=""/></a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="brand-itemv1">
						<a href="#."><img src="/assets/images/brand-03.png" alt=""/></a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="brand-itemv1">
						<a href="#."><img src="/assets/images/brand-01.png" alt=""/></a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="brand-itemv1">
						<a href="#."><img src="/assets/images/brand-05.png" alt=""/></a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="brand-itemv1">
						<a href="#."><img src="/assets/images/brand-06.png" alt=""/></a>
					</div>
				</div>
			</div>
		</div><!-- End off row -->
	</div><!-- End off container -->
    <!-- End off brand section-->
</section>

<section th:fragment="section-newsletterv1-13" id="newsletterv1" class="newsletterv1 bg-primary sections4">
    <!--News Letter section-->
    <div class="container">
		<div class="row">

			<div class="main-newsletterv1">
				<div class="col-md-6">
					<div class="newsletterv1-content">
						<h2 class="text-white">Our Newsletter</h2>
						<p class="m-top-30">Subscribe to our newsletter and be the first who receives our latest
							news:</p>

						<form class="form-inline" id="newsletter-form" action="">
							<div class="form-group">
								<input type="email" class="form-control" placeholder="Your Email Address">
							</div>
							<button type="submit">Send invitation</button>
						</form>

					</div>
				</div><!-- End off col-md-6-->
				<div class="col-md-5 col-md-offset-1 sm-m-top-50">
					<div class="newsletterv1-feature">
						<img src="/assets/images/newsletterv1-img.png" alt=""/>
					</div>
				</div><!-- End off col-md-6-->
			</div>

		</div><!-- End off row -->
	</div><!-- End off container -->
    <!-- End off newsletter v1 section -->
</section>

<section th:fragment="section-contact-14" id="contact" class="contact clear">
    <!-- Footer Widget section -->
    <div class="container">
		<div class="row">
			<div class="main-contact-boxv1">
				<div class="col-md-4">
					<div class="contact-boxv1-item">
						<div class="boxv1-item-img">
							<img src="/assets/images/location-img.png" alt=""/>
						</div>
						<div class="boxv1-item-content text-black">
							<h4>Our Location</h4>
							<p class="m-top-10">1877 Perry Street Swartz Creekson,
								MI 48473</p>
						</div>
					</div>
				</div><!-- End off col-md-4 -->
				<div class="col-md-4">
					<div class="contact-boxv1-item sm-m-top-30">
						<div class="boxv1-item-img">
							<img src="/assets/images/phone-fax-img.png" alt=""/>
						</div>
						<div class="boxv1-item-content text-black">
							<h4>Our Phone & Fax</h4>
							<p class="m-top-10">Phone: (012) 345 - 6789 <br/>
								Fax: 555 - 675 0037</p>
						</div>
					</div>
				</div><!-- End off col-md-4 -->
				<div class="col-md-4">
					<div class="contact-boxv1-item sm-m-top-30">
						<div class="boxv1-item-img">
							<img src="/assets/images/clock-img.png" alt=""/>
						</div>
						<div class="boxv1-item-content text-black">
							<h4>Our Working Hours</h4>
							<p class="">Monday to Saturday: 8:00am - 9:00pm
								Sunday: Closed</p>
						</div>
					</div>
				</div><!-- End off col-md-4 -->
			</div>
			<div class="divider"></div>
		</div>
	</div><!-- End off container -->

	<div class="container">
		<div class="row">
			<div class="main-weidgetv1 sections4">
				<div class="col-md-4">
					<div class="weidgetv1-item">
						<div class="weidget-item-logo">
							<img src="/assets/images/logov1.png" alt=""/>
						</div>
						<p class="m-top-40"><strong>SeoPress</strong> is a battle-hardened team of search engine
							experts in
							San Francisco. Partner with us today to see how search <strong>experience
								optimization</strong> can revolutionize the way your website is found online.</p>
						<div class="widgetv1-socail m-top-30">
							<a href=""><span class="icon icon-social-2"></span></a>
							<a href=""><span class="icon icon-social-1"></span></a>
							<a href=""><span class="fa fa-youtube"></span></a>
							<a href=""><span class="icon icon-social"></span></a>
						</div>
					</div>
				</div><!-- End off col-sm-3 -->

				<div class="col-md-3 sm-m-top-50">
					<div class="weidgetv1-item">
						<h4 class="text-black">Our Services</h4>
						<ul class="service m-top-50">
							<li><a href=""><span class="icon icon-arrows-2"></span> Search Engine Optimization</a>
							</li>
							<li><a href=""><span class="icon icon-arrows-2"></span> Social Media Management</a></li>
							<li><a href=""><span class="icon icon-arrows-2"></span> Email Marketing</a></li>
							<li><a href=""><span class="icon icon-arrows-2"></span> Brand Reputation Management</a>
							</li>
							<li><a href=""><span class="icon icon-arrows-2"></span> Web Design & Development</a>
							</li>
						</ul>
					</div>
				</div><!-- End off col-sm-3 -->

				<div class="col-md-5 sm-m-top-50">
					<div class="weidgetv1-item">
						<h4 class="text-black">Our Latest Blog News</h4>
						<div class="widgetv1-blog m-top-50">
							<div class="row">
								<div class="col-xs-2 no-padding">
									<div class="widgetv1-blog-img">
										<img class="img-circle" src="/assets/images/w-b-post-img01.jpg" alt="">
										<div class="widgetv1-blog-overlay"></div>
									</div>
								</div>
								<div class="col-xs-10">
									<div class="widgev1-blog-content">
										<p>5 Lead Generation Ideas to Help You Better </p>
										<div class="widgev1-blog-date-time">
											<span><i class="icon icon-interface-1"></i>32</span>
											<span><i class="icon icon-calendar"></i>2-10-2017</span>
										</div>
									</div>
								</div>
							</div>
							<div class="row m-top-20">
								<div class="col-xs-2 no-padding">
									<div class="widgetv1-blog-img">
										<img class="img-circle" src="/assets/images/w-b-post-img02.jpg" alt="">
										<div class="widgetv1-blog-overlay"></div>
									</div>
								</div>
								<div class="col-xs-10">
									<div class="widgev1-blog-content">
										<p>Featured Snippets: A Dead-Simple Tactics </p>
										<div class="widgev1-blog-date-time">
											<span><i class="icon icon-interface-1"></i>21</span>
											<span><i class="icon icon-calendar"></i>1-10-2017</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div><!-- End off col-md-4 -->
			</div>
		</div><!-- End off main widget-->
</div><!-- End off container -->
    <!-- End off footer widget Section -->
</section>


<div th:fragment="footerJs">
	<!-- JS includes -->
	<script src="/assets/js/vendor/jquery-1.11.2.min.js"></script>
	<script src="/assets/js/vendor/bootstrap.js"></script>

	<script src="/assets/js/jquery.magnific-popup.js"></script>
	<script src="/assets/js/jquery.easing.1.3.js"></script>
	<script src="/assets/js/jquery.touchSwipe.min.js"></script>
	<script src="/assets/js/bootsnav.js"></script>

    <!--<script src="/assets/js/bootstrap-touch-slider-min.js"></script>-->
	<script src="/assets/js/jquery.formchimp.js"></script>

	<script src="/assets/js/plugins.js"></script>
	<script src="/assets/js/main.js"></script>
	<script src="/js/plugins/summernote/summernote.min.js"></script>
	<script src="/js/plugins/summernote/summernote-zh-CN.js"></script>
</div>


<!--Home page style-->
<nav th:fragment="navigator" class="navbar home1_menu navbar-fixed navbar-default navbar-mobile bootsnav is-visible xsaa"
     data-nav-status="toggle">
    <div class="container-fluid">
        <div class="row">
            <!-- Start Top Search -->
            <div th:replace="mallInclude::navSearch"></div>
            <!-- End Top Search -->
            <div th:replace="mallInclude::navHead"></div>
        </div>
    </div>

    <!-- Start Side Menu -->
    <div th:replace="mallInclude::sideBar"></div>
    <!-- End Side Menu -->
</nav> <!-- End off Nav -->